
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>人员分析</title>

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="css/table1.css" rel="stylesheet" type="text/css">


</head>
<body style="background-color: #ecf0f5;font-family: 微软雅黑;color: #475059;min-width: 1000px;overflow: auto">
<div class="from_main" >
    <div class="news_check">
        <div class="check_left l_left">
            <label>组织机构：</label>
            <select class="find_input" style="margin-right: 10px">
                <option>全部</option>
                <option>内江市</option>
                <option>经济开发区</option>
            </select>
            <label>查询时间：</label>
            <input type="date" >
            <input type="date" >
            <button>查询</button>
        </div>
        <div class="check_right r_right">
            <a class="btn btn-default"><span class=" glyphicon glyphicon-circle-arrow-down l_left"></span>打印</a>
            <a class="btn btn-default"><span class=" glyphicon glyphicon-download-alt l_left"></span>导出</a>
        </div>
        <div class="clear"></div>
    </div>

    <div style="padding: 0 10px 0 10px ;border: 1px #ccc solid;background-color: #fff;">

        <div class="e_chart">
            <div class="charts l_left">
                <p class="charts_p">各区域人员占比</p>
                <div id="container" style="height:200px;width: 100%;"></div>
                <div style="width: 100%;margin-top: 30px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">各区域</td>
                            <td>经济开发区</td>
                            <td>市中区</td>
                            <td>东兴区</td>
                            <td>资中县</td>
                            <td>隆昌县</td>
                            <td>威远县</td>

                        </tr>
                        <tr>
                            <td class="first_td">人员数量</td>
                            <td>320</td>
                            <td>231</td>
                            <td>153</td>
                            <td>125</td>
                            <td>136</td>
                            <td>155</td>

                        </tr>
                        <tr>
                            <td class="first_td">占比</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>

                        </tr>

                    </table>
                </div>
            </div>
            <div class="charts l_left last_charts">
                <p class="charts_p">人员年龄段分析<span class="r_right">更多></span></p>
                <div id="container3" style="height:200px;width: 98%;"></div>
                <div style="width: 100%;margin-top: 10px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">年龄段</td>
                            <td>青年</td>
                            <td>中年</td>
                            <td>老年</td>
                            <td>其它</td>
                        </tr>
                        <tr>
                            <td class="first_td">数量</td>
                            <td>322</td>
                            <td>602</td>
                            <td>62</td>
                            <td>10</td>
                        </tr>
                        <tr>
                            <td class="first_td">占比</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                        </tr>

                    </table>
                </div>

            </div>
            <div class="clear"></div>
        </div>

        <div class="e_chart">
            <div class="charts l_left last_charts" style="width: 100%">
                <p class="charts_p">不同时间段各单位人员流动情况<span class="r_right">更多></span></p>
                <div id="container4" style="height:350px;"></div>
                <div style="width: 100%;margin-top: 0px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">名区域</td>
                            <td>经济开发区</td>
                            <td>市中区</td>
                            <td>东兴区</td>
                            <td>资中县</td>
                            <td>隆昌县</td>
                            <td>威远县</td>
                        </tr>
                        <tr>
                            <td class="first_td">人员数量</td>
                            <td>10</td>
                            <td>15</td>
                            <td>9</td>
                            <td>2</td>
                            <td>13</td>
                            <td>12</td>

                        </tr>
                        <tr>
                            <td class="first_td">同比</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>
                            <td>-5.2%</td>

                        </tr>
                        <tr>
                            <td class="first_td">环比</td>
                            <td>-5.2%</td>
                            <td>+5.2%</td>
                            <td>-5.2%</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>

                        </tr>

                    </table>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>

</div>




</body>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/echarts-all.js"></script>
<script src="js/activeJs/person_analysis.js"></script>

</html>
